window.onload = function () {
	const lis = document.querySelectorAll(".types-ms>li")
	lis.forEach(ele => {
		ele.addEventListener("click", function () {
			let newArr = []
			//进行分类存储
			heroArr.forEach(item => (this.dataset.type == item.hero_type || this.dataset.ptype == item.pay_type) && newArr.push(item))
			//点击全部时的变化
			!+this.dataset.type && !this.dataset.ptype && (newArr = heroArr)
			render(newArr)
			active()
		})
	})

	//动态效果
	function active() {
		const img = document.querySelectorAll(".herolist-box .herolist-content .herolist li a img")
		img.forEach(item => {
			item.classList.add("active")
		})
	}
}

//PS:好家伙，原代码中就有答案，虽然答案不完整。利用const不可更改值来做为禁止偷看的阀门是吧。其实部分人都不知道filter的作用。

/*
总结：
	我掌握了：数组遍历、增值、箭头函数
	我还需加强：逻辑思维的熟练度，代码优化
*/
